@import "../public/public.less";
@import "../public/theme.less";
.login {
    margin-bottom: 30px;
    .logo {
        .width-1260-center;
        padding: 30px 0 40px;
        img {
            width: 72px;
            height: 72px;
        }
    }
    .login-bg {
        height: 600px;
        min-width: 1260px;
        background-image: url(../img/bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
        .login-form {
            padding: 50px 50px 0;
            width: 400px;
            box-sizing: border-box;
            height: 384px;
            background: #fff;
            position: absolute;
            right: 330px;
            top: 86px;
            input {
                .zl-input;
            }
            input:hover {
                border: 1px solid #49cbcd;
            }
            input:focus {
                border: 1px solid #49cbcd;
            }
            .user {
                margin-bottom: 20px;
            }
            .pwd {
                margin-bottom: 12px;
            }
            .error {
                color: #fc6532;
                i {
                    font-size: 15px;
                    vertical-align: middle;
                }
            }
            .login-time {
                margin: 14px 0;
                .ivu-checkbox-checked .ivu-checkbox-inner {
                    border-color: @activeColor;
                    background: @activeColor;
                }
            }
            .submit {
                .zl-btn;
                height: 42px;
                font-size: 16px;
                color: #fff;
            }
            .regist-forgot {
                margin-top: 10px;
                overflow: hidden;
                .forgot {
                    float: right;
                }
            }
            .other {
                margin-top: 17px;
                span {
                    font-size: 12px;
                    display: inline-block;
                }
                .wechatlogin {
                    display: inline-block;
                   .wechatimg {
                        width: 24px;
                        height: 24px;
                        display: inline-block;
                        vertical-align: middle;
                        margin-left: 20px;
                        cursor: pointer;
                    } 
                    .wechatH {
                        display: none;
                    }
                }
                .wechatlogin:hover {
                    .wechatH {
                        display: inline-block;
                    }
                    .wechatN {
                        display: none;
                    }
                }
                
            }
        }
        #login_container {
            padding: 50px 50px 0;
            width: 400px;
            box-sizing: border-box;
            height: 384px;
            background: #fff;
            position: absolute;
            right: 330px;
            top: 86px;
            z-index: 99;
        }
    }
    button:hover {
        background: #0d9fa2 !important;
    }
    
}
